<template>
  <view class="page">
    <view class="page-ctx">
      <view class="article-wrap">
        <view class="title">
          {{ info.site_name }}
        </view>
        <!-- <view class="content">
          <view class="html-box">
            <u-parse
              :content="info.site_content"
              :tagStyle="richStyle"></u-parse>
          </view>
        </view> -->

        <view class="time-box flex-between">
          <text class="time">
            <!-- 5分钟前 -->
            {{ info.site_xieyi }}
          </text>
          <!-- <view class="icon-box flex">
						<image src="@/static/notice/notice-logo.png" mode=""></image>
						<text>{{vuex_config.site_name || '文惠便民'}}</text>
					</view> -->
        </view>
      </view>
    </view>

    <w_bottom_safe height="100" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      id: "",
      //info: {},
      richStyle: {
        // 字符串的形式
        p: "color: #000000;font-size: 12px;line-height:1.6;font-family: PingFangSC-Regular;text-align:justify;",
        span: "color: #000000;font-size: 12px;line-height:1.6;font-family: PingFangSC-Regular;",
        img: "vertical-align: bottom;",
      },
    };
  },
  onLoad(option) {
    //this.setView()
  },
  computed: {
    info() {
      return this.$store.state.vuex_config || {};
    },
  },
  methods: {
    setView() {
      this.showLoading();

      this.$api({
        url: "/service.php",
        method: "get",
        data: {
          action: "news_detail",
          id: 92,
        },
      }).then((res) => {
        if (res.code == 200) {
          this.info = res.data.info;
        }
        this.hideLoading();
      });
    },
  },
};
</script>

<style lang="scss">
page {
  background: #f5f5f5;
}
</style>

<style lang="scss" scoped>
.page {
}

.page-ctx {
  padding: 20rpx 20rpx;
}

.article-wrap {
  // min-height: 436rpx;
  background: #ffffff;
  border-radius: 20rpx 20rpx 20rpx 20rpx;
  padding: 40rpx 20rpx 34rpx 20rpx;

  .title {
    text-align: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 34rpx;
    color: #222222;
    line-height: 1.5;
  }

  .content {
    margin-top: 40rpx;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 28rpx;
    color: #222222;
    line-height: 48rpx;
  }

  .time-box {
    margin-top: 40rpx;
    padding-top: 34rpx;
    border-top: 1rpx solid #eee;

    .time {
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 24rpx;
      color: #aaaaaa;
    }

    .icon-box {
      image {
        margin-right: 16rpx;
        width: 44rpx;
        height: 44rpx;
      }

      text {
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 24rpx;
        color: #000000;
      }
    }
  }
}
</style>
